<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    引入css要有顺序，先引入第三方库，在引入公共部分，在引入当前页的css文件-->
    <link rel="stylesheet" href="lib/reset/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!--1.顶部导航-->
 <!--最外层div-->
<div class="topnav">
    <!--版心-->
    <div class="container clearfix">
        <!--顶部导航左侧-->
        <div class="topnav-left">
            <!--一堆a i标签-->
            <a href="">小米商城</a><i>|</i>
            <a href="">MIUI</a><i>|</i>
            <a href="">LOT</a><i>|</i>
            <a href="">云服务</a><i>|</i>
            <a href="">金融</a><i>|</i>
            <a href="">有品</a><i>|</i>
            <a href="">小爱开放平台</a><i>|</i>
            <a href="">企业团购</a><i>|</i>
            <a href="">资质证照</a><i>|</i>
            <a href="">协议规则</a><i>|</i>
            <a href="">下载app</a><i>|</i>
            <a href="">Select Location</a>
        </div>
        <!--顶部导航右侧-->
        <div class="topnav-right">
            <!--一堆a i标签-->
            <a href="">登录</a><i>|</i>
            <a href="">注册</a><i>|</i>
            <a href="">消息通知</a>
            <a href="" class="cart">购物车(0)</a>
        </div>
    </div>
</div>
<!--2.搜索导航-->
<!--最外层div-->
<div class="searchnav">
<!--    版心-->
    <div class="container">
<!--        左侧图片logo-->
        <a href="" class="searchnav-logo">
            <img src="img/mi-logo.png" alt="小米官网">
        </a>
    </div>
<!--    中间的热搜列表-->
    <div class="search-tab">
        <a href="">小米手机</a>
        <a href="">Rrdmi 红米</a>
        <a href="">电视</a>
        <a href="">笔记本</a>
        <a href="">家电</a>
        <a href="">路由器</a>
        <a href="">智能硬件</a>
        <a href="">服务</a>
        <a href="">社区</a>
<!--        右侧的搜索条-->
        <div class="searchnav-search">
            <input type="text">
            <button></button>
<!--            输入框中的热词-->
            <div class="searchnav-search-keys">
                <span>小米9 Pro 5G</span>
                <span>Redmi Note 8</span>
            </div>
        </div>
    </div>
</div>

</body>
</html>